<template>
  <div>
    <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="部门管理" name="DepMana">
          <DepMana></DepMana>
        </el-tab-pane>
        <el-tab-pane label="职位管理" name="PosMana">
          <PosMana></PosMana>
        </el-tab-pane>
        <el-tab-pane label="职称管理" name="JoblevelMana">
          <JoblevelMana></JoblevelMana>
        </el-tab-pane>
        <el-tab-pane label="奖惩规则" name="EcMana">
          <EcMana></EcMana>
        </el-tab-pane>
        <el-tab-pane label="权限组" name="PermissMana">
          <PermissMana></PermissMana>
        </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import DepMana from '@/components/sys/basic/DepMana.vue'
  import PosMana from '@/components/sys/basic/PosMana.vue'
  import JoblevelMana from '@/components/sys/basic/JoblevelMana.vue'
  import EcMana from '@/components/sys/basic/EcMana.vue'
  import PermissMana from '@/components/sys/basic/PermissMana.vue'
  export default {
    name: 'SysBasic',
    data(){
      return {
        activeName: 'DepMana'
      }
    },
    components: {
      DepMana,
      PosMana,
      JoblevelMana,
      EcMana,
      PermissMana
    }
  }
</script>

<style scoped>
</style>